<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>我的</title>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/cw.css"/>
    <script type="text/javascript" src="../js/public.js" ></script>
    <script type="text/javascript" src="../js/app/me.js" ></script>
    <script type="text/javascript" src="../js/share.js" ></script>
    <style type="text/css">
    	.mui-input-group .mui-input-row{height:49px;}
    	.mui-input-row{ list-style: none; font-size: 17px;}
    	.mui-input-row label{ width: 25%; position: relative; line-height:17px;line-height:27px;}
     	.mui-input-row label~input{ width: 75%; font-size:17px; padding: 15px 0px ; height: auto; line-height: 1.2;}
    	.mui-input-row .mui-input-clear~.mui-icon-clear{top:15px} 
    	.background-w>div{position: relative;}   
    	.red-circle{border-radius: 100%;background: red;display: none;padding: 5px;position:absolute;top: 20px;right: 35px;}
    </style>
</head>
<body>  
	<header id="header" class="mui-bar mui-bar-nav">
		<h1 class="mui-title color-white font-18">我的</h1>
	</header> 
	<div id="content" class="mui-content"></div>
	<div class="mui-text-center me-header">
		<img src="../images/me.png"/>
		<div>
			<i><img class="pic" src="../images/zhongyi.png"/></i>
			<div class=" margin-top-20 iconfont nickname"></div>
		</div>
	</div> 
	<div class="background-w overflow-h mui-text-center me-9">
		<div class="mui-col-xs-4 mui-pull-left" onclick="openNewpage('me-jf.html')">
			<div class="iconfont icon-jifen" style="color:#41B5F5;"></div>
			<span class="line-h-44 font-14">积分管理</span>
		</div>
		<div class="mui-col-xs-4 mui-pull-left clearPointBtn"onclick="openNewpage('me-news.html')">
			<div class="iconfont icon-huifu"style="color:#FF913C;"></div> 
			<span class="line-h-44 font-14">我的消息</span>
			<span class="red-circle"></span>
		</div>
		<div class="mui-col-xs-4 mui-pull-left" onclick="openNewpage('me-oeder.html')">
			<div class="iconfont icon-dingdan"style="color:#54CDBC;"></div>
			<span class="line-h-44 font-14">我的订单</span>
		</div>
		<div class="mui-col-xs-4 mui-pull-left"onclick="openNewpage('me-fb-list.html')">
			<div class="iconfont icon-liuwanfabu"style="color:#7EC60F;"></div>
			<span class="line-h-44 font-14">发布需求</span>
		</div> 
		<div class="mui-col-xs-4 mui-pull-left memberInfo">
			<div class="iconfont icon-gerenzhongxin"style="color:#7EC60F;"></div>
			<span class="line-h-44 font-14">个人资料</span>
		</div>
		<div class="mui-col-xs-4 mui-pull-left"onclick="openNewpage('me-sc.html')">
			<div class="iconfont icon-star-copy"style="color:#FF913C;"></div>
			<span class="line-h-44 font-14">我的收藏</span>
		</div>
	</div>
	<div class="mui-table-view mui-table-view-cell margin-top-5 bar-buttom">
		<a href="#picture" class="color-white">
			<span class="iconfont " style="color:#FF6C65;">&#xe620;</span>
			<span class="">分享APP</span>
		</a>
	</div>
	<div class="mui-table-view mui-table-view-cell  bar-buttom" onclick="openNewpage('me-obj.html')">
		<span class="iconfont " style="color:#7EC50F;">&#xe61c;</span>
		<span class="">意见投诉</span>
	</div>  
	<div class="mui-table-view mui-table-view-cell bar-buttom set">
		<span class="iconfont " style="color:#FF913C;">&#xe60b;</span>
		<span class="title">关于我们</span> 
	</div>
	<div class="mui-table-view mui-table-view-cell bar-buttom set">
		<span class="iconfont " style="color:#FF913C;">&#xe617;</span>
		<span class="title">联系我们</span>
	</div>
	<div class="mui-table-view mui-table-view-cell bar-buttom set">
		<span class="iconfont " style="color:#FF913C;">&#xe60c;</span>
		<span class="title">使用协议</span>
	</div>
	<div class="mui-table-view mui-table-view-cell  update">
		<span class="iconfont " style="color:#FF6C65;">&#xe61e;</span>
		<span class="">版本更新</span>
		<span class="color-c font-13 mui-pull-right version">1.0</span>
	</div>
	<div class="table-view-cell-20-15">
		<button class="mui-btn mui-btn-block exit color-white search-btn login_out">退出登录</button>
	</div>
	
	
	<div id="picture" class="brand-share position-re table-view mui-popover-bottom mui-popover mui-popover-action" ><!---->
		<ul class="background-w"> 
			<li class="share"><i class="iconfont" style="color:#50B140">&#xe637;</i>
				<span>微信</span>
			</li> 
			<li class="share"><i class="iconfont" style="color:#4E9BC9;">&#xe638;</i>
				<span>QQ</span>
			</li>
			<li class="share"><i class="iconfont " style="color:#50B140;">&#xe63c;</i>
				<span>朋友圈</span>
			</li>
		</ul>
		<a href="#picture"><div class="background color-000 iconfont">&#xe63d;</div></a>
	</div>
	
</body>
	<script src="../js/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/global.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/immersed.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" charset="UTF-8">
      	mui.init();
   </script> 
   <link rel="stylesheet" type="text/css" href="../css/image.css"/>
	<script src="../js/mui.zoom.js"></script>
	<script src="../js/mui.previewimage.js"></script>
	<script>
		mui.previewImage();
		
		$().ready(function(){
			var isClick = true;
			$(".clearPointBtn").click(function(){
				isClick = false;
				if(isClick == false){
					$(".red-circle").css({"display":"none"})
				} else {
					$(".red-circle").css({"display":"block"})
				}
			})
		})
		
	</script>
</html>